/*头部开始*/
header {
    min-width: 768px;
    max-width: 1440px;
    margin: 0 auto;
    position: fixed;
    width: 100%;
    height: 60px;
    padding: 0;
    border-bottom: 1px solid #F0F0F0;
    z-index: 2;
    background-color: #ffffff;
}

.header__logo {
    float: left;
    background: url("../img/logo1.png") left top no-repeat;
    margin: 10px 10px;
    display: block;
}

.header__nav-1 {
    font-size: 20px;
    float: left;
    height: 60px;
    line-height: 60px;
    margin-left: 55px;
}

.header__nav-1 > :first-child {
    color: #3399CC;
    margin-right: 30px;
}

.header__nav-1 > :nth-child(2) {
    margin-right: 30px;
    color: #003366;
}

.header__form {
    display: inline;
    padding: 0;
    width: 160px;
}

.header__form_search {
    position: relative;
    font-size: 15px;
    border-radius: 20px;
    width: 160px;
    height: 40px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 20px;
    background-color: #EEEEEE;
    border: solid 1px #EEEEEE;
}

.header__form_submit {
    position: absolute;
    margin-left: -35px;
    margin-top: 15px;
    font-size: 10px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background-color: #cccccc;
    border: 1px solid #cccccc;
}

.header__nav-2 {
    font-size: 18px;
    float: right;
    height: 60px;
    line-height: 60px;
}

.header__nav-2 > :first-child {
    color: #003366;
    margin-right: 30px;
}

.header__nav-2 > :nth-child(2) {
    padding: 10px 25px;
    border: 1px solid #3399CC;
    color: #3399CC;
    margin-right: 30px;
    border-radius: 5px;
}

.header__nav-2 > :nth-child(3) {
    color: white;
    background-color: #3399CC;
    padding: 10px 25px;
    margin-right: 30px;
    border-radius: 5px;
}

/*热门文章*/
#container {
    width: 70%;
    margin: 0 auto;
    position: relative;
    top: 60px;
    background-color: #ffffff;
}

article {
    float: left;
    width: 630px;
    margin: 20px 0 0 0;
}

article section {
    width: 630px;
    height: 205px;
    border-bottom: 1px solid #F0F0F0;
    padding-top: 20px;
}

.article__section_wrap {
    margin-right: 30px;
    float: left;
}

.article__section_wrap-img {
    float: right;
    width: 120px;
    height: 120px;
    border: 1px solid #cccccc;
    border-radius: 10px;
    margin-top: 22.5px;
}

.article__section_headPortrait {
    width: 30px;
    height: 30px;
    border: 1px solid #cccccc;
    border-radius: 100%;
}

.article__section_userName {
    font-size: 12px;
    color: #000000;
}

.article__section_postedTime {
    font-size: 12px;
    color: #666666;
}

.article__section_content {
    height: 65px;
}

.article__section_nav {
    font-size: 10px;
    color: #666666;
}

.article__section_h3 a:link {
    color: black;
    text-decoration: none;
}

.article__section_h3 a:visited {
    color: #666666 !important;
}

.article__section_h3 a:hover, .article__section_h3 a:active {
    color: black;
    text-decoration: underline;
}

.article__section_nav-item {
    font-size: 13px;
    margin-right: 10px;
}

.article__section_nav-item-1 {
    color: #0099CC !important;
    border: 1px solid #0099CC;
    padding: 2px 3px;
    border-radius: 3px;
}

.article__section_nav-item-2,
.article__section_nav-item-3,
.article__section_nav-item-4,
.article__section_nav-item-5 {
    font-size: 12px;
    color: #999999 !important;
}

.article__section_nav-item-2:hover,
.article__section_nav-item-3:hover,
.article__section_nav-item-4:hover,
.article__section_nav-item-5:hover {
    color: #666666 !important;
}

.article__section_nav-item-2 .icon-view,
.article__section_nav-item-3 .icon-iconfontconment,
.article__section_nav-item-4 .icon-heart2,
.article__section_nav-item-5 .icon-money {
    font-size: 12px;

}

/*七日热门、APP下载、推荐作者开始*/
/*七日热门*/
aside {
    float: right;
    width: 280px;
    margin: 20px 0 0 20px;
}

.aside__list {
    display: inline;
}

.aside__list li {
    list-style: none;
    font-size: 18px;
    color: #ffffff !important;
    padding: 10px 0 10px 30px;
    margin: 10px 0;
}

.aside__list li a:link, .aside__list li a:visited, .aside__list li a:hover, .aside__list li a:active {
    color: #ffffff;
}

.aside__list > :nth-child(1) {
    background-color: #CC99CC;
    border: 1px solid #CC99CC;
    border-radius: 5px;
    margin-top: 30px;
}

.aside__list > :nth-child(2) {
    background-color: #CC9966;
    border: 1px solid #CC9966;
    border-radius: 5px;
}

.aside__list > :nth-child(3) {
    background-color: #999900;
    border: 1px solid #999900;
    border-radius: 5px;
}

.aside__list > :nth-child(4) {
    background-color: #336633;
    border: 1px solid #336633;
    border-radius: 5px;
}

.aside__list > :nth-child(5) {
    background-color: #333333;
    border: 1px solid #333333;
    border-radius: 5px;
}
/*APP下载*/
.aside__AppDownload {
    position: relative;
    width: 280px;
    height: 140px;
}

.aside__AppDownload img {
    height: 140px;
}

.aside__AppDownload_button {
    color: #ffffff;
    position: absolute;
    bottom: 10px;
    padding: 5px 15px;
    font-size: 13px;
}

.aside__AppDownload_button a:visited,
.aside__AppDownload_button a:hover,
.aside__AppDownload_button a:active {
    color: #ffffff;
}

.aside__AppDownload_button-qrcode {
    height: 40px;
    width: 80px;
    line-height: 40px;
    margin-right: 10px;
    background-color: #A5A5A5;
    padding: 10px 14px;
    border: 1px solid #A5A5A5;
    border-radius: 5px;
    color: #ffffff;
}

.aside__AppDownload_button-android {
    height: 40px;
    width: 80px;
    line-height: 40px;
    margin-right: 6px;
    background-color: #8BC453;
    padding: 10px 15px;
    border: 1px solid #8BC453;
    border-radius: 5px;
    color: #ffffff;
}

.aside__AppDownload_button-ios {
    height: 40px;
    width: 80px;
    line-height: 40px;
    background-color: #6DACF4;
    padding: 6px 13px 8px 13px;
    border: 1px solid #6DACF4;
    border-radius: 5px;
    color: #ffffff;
    font-size: 18px;
}

/*推荐作者*/
